<%@ page language="java" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>Ajax应用1</title>
  </head>
  	<script type="text/javascript">
  		var xmlHttp;
  		//创建XMLHttpRequest对象
  		function createHttpRequest(){
  			if(window.ActiveXObject){
  				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  			}
  			else if(window.XMLHttpRequest){
  				xmlHttp = new XMLHttpRequest();
  			}
  		}
  		function beginCheck(){
  			//得到用户填写的学号
  			alert("你看到我了啊！sss");
  			var xh = document.getElementById("xh").value;
  			//如果为空
  			if(xh==""){
  				alert("对不起，请输入注册学号!");
				return;
  			}
  			createHttpRequest();
  			//将触发器绑定到一个函数
  			xmlHttp.onreadystatechange = processor;
  			//通过get方法向指定的URL即Servlet对应的URL建立服务器的调用
  			xmlHttp.open("get","CheckUser?xh="+xh);
  			//发送请求
  			xmlHttp.send(null);
  		}
  		//处理状态改变
  		function processor(){
  			var responseContext;
  			//如果响应完成
  			if(xmlHttp.readyState==4){
  				//如果返成功
  				if(xmlHttp.status==200){
  					//取的响应
  					responseContext = xmlHttp.responseText;
  					//如果注册名检查有效
  					if(responseContext.indexOf("true")!=-1){
  						alert("恭喜你，该学号有效！");
  					}else{
  						alert("对不起，该学号已经被注册！");
  					}
  				}
  			}
  		}
  	</script>
  <body>
    <form action="">
    	学号：
    	<!-- 当输入框被改变的时候执行beginCheck函数 -->
    	<input type="text" id="xh" name="xh" onblur="beginCheck()"/>
    	口令：
    	<input type="password" name ="kl"/>
    	<input type="submit" value="注册"/>
    </form>
  </body>
</html>
